<template>
	<view class="page">
		<view class="content">
			<view class="between">
				<view class="title">
					通知
				</view>
				<view class="setting-btn">
					xx
				</view>
			</view>
			<view class="between">
				<view class="center">
					<view class="bg center">
						<img :src="item.img" alt="" srcset="">
					</view>
					<view class="name">
						获赞
					</view>
				</view>
				<view class="center">
					<view class="bg center green">
						<img :src="item.img" alt="" srcset="">
					</view>
					<view class="name">
						粉丝
					</view>
				</view>
				<view class="center">
					<view class="bg center blue">
						<img :src="item.img" alt="" srcset="">
					</view>
					<view class="name">
						评论
					</view>
				</view>

			</view>
			<view class="list">
				<imgInfo class="item" v-for="(e,i) in list" :key="i" 
				nameStyle="font-size: 30rpx;color: #232832;"
				tipStyle="font-size: 30rpx;color: #787B86;"
				imgStyle="width:60px;height:60px;margin-right:10px">
					<text class="i-time">11</text>
				</imgInfo>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		components: {

		},
		props: {

		},
		data(){
		  return {
			    
		  }	
		},
	}
</script>
<style lang="scss" scoped>
	.page {
		.content {
			.between {
				.title {
					font-size: 40rpx;
					font-family: PingFangSC-Medium-, PingFangSC-Medium;
					font-weight: normal;
					color: #232832;
				}

				.setting-btn {}
			}

			.between {
				.center {

					.bg {
						width: 104rpx;
						height: 104rpx;
						border-radius: 20px;
						background: #FFEDED;

						img {
							width: 20px;
							height: 20px;
						}
					}

					.green {
						background: #E5F8EF;
					}

					.blue {
						background: #E5F0FD;
					}

					.name {
						margin-top: 10px;
						font-size: 24rpx;
						font-family: PingFangSC-Regular-, PingFangSC-Regular;
						font-weight: normal;
						color: #232832;
						line-height: 28rpx;
					}
				} 
			}
		    .list{
				.item{
					margin: 10px;
					.i-time{
						font-size: 24rpx;
						font-family: PingFangSC-Regular-, PingFangSC-Regular;
						font-weight: normal;
						color: #787B86;
						line-height: 28rpx;
					}
				}
			}
		}
	}
</style>
